<template>
  <b-list-group>
    <div class="title pb-3">{{ items.listTitle }}</div>
    <b-list-group-item
      class="list-item border-0 fw-light fc-red"
      v-for="item in items.content"
      :key="item.id"
      :to="item.url"
      >{{ item.title }}
      <span class="count" v-if="item.count">({{ item.count }})</span>
    </b-list-group-item>
  </b-list-group>
</template>

<script>
export default {
  name: "ListGroup",
  props: ['items'],

};
</script>

<style lang="less" scoped>
.list-item:hover {
    background-color: #FFF;
    color: #666 !important;
}

.count{
  color: #666 !important;
}
</style>